page-set-work {

  .item-ios {
    font-size: 1.4rem;
    color: #323232;
  }

  .input-text {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 8rem;
    text-align: center;
    color: #666;
  }

  .input-radio {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.8rem;
    margin-left: 1rem;
    white-space: nowrap;
    color: #666;
  }

  .input-radio span {
    color: #666;
  }

  .input-text-long {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 8rem;
    text-align: center;
    color: #666;
  }

  .div-btn-position {
    text-align: center;
    margin-top: 3rem;
  }


/*  .modal-wrapper {
    left: calc(50% - (800px / 2));
    top: calc(50% - (600px / 2));
    position: absolute;
    width: 800px !important;
    height: 600px;
    z-index: 10;
    contain: strict;

  }*/


  @media not all and (min-width: 768px) and (min-height: 600px) {
    ion-modal ion-backdrop {
      visibility: hidden;
    }
  }

  .modal-wrapper {
    z-index: 10;
    height: 60%;
    contain: strict;
    width: 60%;
  }

  @media only screen and (min-width: 768px) and (min-height: 600px) {
    .modal-wrapper {
      left: calc(50% - (600px/2));
      top: calc(50% - (500px/2));
      position: absolute;
      width: 600px;
      height: 500px;
    }
  }

  @media only screen and (min-width: 768px) and (min-height: 768px) {
    .modal-wrapper {
      left: calc(50% - (600px/2));
      top: calc(50% - (600px/2));
      position: absolute;
      width: 600px;
      height: 600px;
    }
  }

  .ios .modal-wrapper {
    -webkit-transform: translate3d(0,  100%,  0);
    transform: translate3d(0,  100%,  0);
  }

  @media only screen and (min-width: 768px) and (min-height: 600px) {
    .ios .modal-wrapper {
      border-radius: 10px;
      overflow: hidden;
    }
  }

  .md .modal-wrapper {
    -webkit-transform: translate3d(0,  40px,  0);
    transform: translate3d(0,  40px,  0);
    opacity: .01;
  }

  @media only screen and (min-width: 768px) and (min-height: 600px) {
    .md .modal-wrapper {
      border-radius: 2px;
      overflow: hidden;
      -webkit-box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
      box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
    }
  }

}
